<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>页面布局</title>
    <meta name="Keywords" content="页面布局,HTML,css">
    <meta name="description" content="">
    <style>
        *{margin:0px;padding:0px;}
        body{background:#f5f7fa;}
        img{border-radius:5px;}
        .div{width:1190px;height:370px;background:#fff;margin:100px auto;border-radius:5px;}
        .div .top a {width:1180px;height:40px;display:block;
            background:#fff;font-size:20px;padding-left:10px;
            font-family:"微软雅黑";/*border:1px solid red;*/
            color:#000;text-decoration:none;line-height:35px;
            border-bottom:1px solid #e6e9ed;}
        .div .top a:hover{color:#0099ff;}
        /*图片布局*/
        .div .pic_left{width:940px;height:340px;float:left;}
        .div .pic_right{width:250px;height:340px;float:left;}
        .div .pic_left .pic a{float:left;padding-left:10px;
            padding-top:10px;display:block;}
        .div .pic_right .pic a{float:right;padding-top:10px;
            padding-right:10px;display:block;}
    </style>
</head>
<body>
<div class="div">
    <div class="top"><a href="#">热卖商品</a></div>
    <div class="pic_left">
        <div class="pic">
            <a href="#">
                <img src="images/1.jpg" alt="" width="460px";height="310px" >
            </a>
        </div>
        <div class="pic">
            <a href="#">
                <img src="images/2.jpg" alt="" width="225px";height="310px" >
            </a>
        </div>
        <div class="pic">
            <a href="#">
                <img src="images/3.jpg" alt="" width="225px";height="310px" >
            </a>
        </div>
    </div>
    <div class="pic_right">
        <div class="pic">
            <a href="#">
                <img src="images/4.jpg" alt="" width="230px";height="150px" >
            </a>
        </div>
        <div class="pic">
            <a href="#">
                <img src="images/5.jpg" alt="" width="230px";height="150px" >
            </a>
        </div>
    </div>
</div>
</body>
</html>